<%-- 
    Document   : agregarUsuario
    Created on : Nov 27, 2010, 9:59:39 PM
    Author     : isak
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="js/jquery.js" type="text/javascript"></script>
        <script src="js/jquery.validate.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/validar.js"></script>
        <script type="text/javascript" src="js/jquery.alerts.js"></script>
        <script type="text/javascript" src="js/jquery.ui.draggable.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery.alerts.css" media="screen"/>
        <link rel="stylesheet" type="text/css" href="css/calendar.css"/>
        <link href="<s:url value='/styles/style.css'/>" rel="stylesheet" type="text/css" media="all"/>
        <link href="<s:url value='/styles/jquery.alerts.css'/>" rel="stylesheet" type="text/css" media="all"/>
        <script type="text/javascript" src="js/calendar_us.js"></script>

        <title>TRAVEL STORE - Agregar Usuario</title>

<%-- <script type="text/javascript">
jQuery.validator.setDefaults({
	debug: true,
	success: "valid"
});;
</script>

<script type="text/javascript">jAlert("Actualidad jQuery", "Actualidad jQuery");  </script>

<script type="text/javascript">
$(document).ready(function() {
$("#AgregarUsuario").validate({
rules: {
nombre: {
required: true,
max:5
}
}
});
});
</script>

<style>
    #field { margin-left: .5em; float: left; }
  	#field, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }
	br { clear: both; }
	input { border: 1px solid black; margin-bottom: .5em;  }
	input.error { border: 1px solid red; }
	label.error {
		background:no-repeat url(img/unchecked.gif);
		padding-left: 16px;
		margin-left: .3em;
	}
	label.valid {
		background:no-repeat url(img/checked.gif) ;
		display: block;
		width: 16px;
		height: 16px;
	}
</style>
--%>
</head>


<body>
 <div id="page">
       <div id="header">
                 <ul id="menu" >
                     <!-- Permite regresar al login de usuario -->
                     <li><a href="<s:url value='/jsp/login.jsp' />">Login</a> </li>
                 </ul>
                <ul id="forum">
                     <!-- Envia a la recuperacion de contraseña -->
                     <li><a href="<s:url value='/jsp/contrasena.jsp' />">Recuperar Contraseña</a></li>
		</ul>

	</div>
        <div id="wrapper">
		<div id="left">
			
			<a href="#" class="banner"><img src="/jsp/img/banner.jpg" alt="" width="191" height="346" /></a>
		</div>
		<div id="central">

			<div class="welcome">

                           <h2><s:property value="mensaje"/></h2>
    <table>
        <!-- Muestra el formulario para que el usuario realice su registro en la pagina -->
        <s:form id="AgregarUsuario" name="AgregarUsuario" action="crearusuario"  onsubmit="javascript:return validarUsuario(AgregarUsuario)" theme="css_xhtml">
    <tr>
        <td>
            <div align="center"><h3>Nombre</h3></div>
        </td>
        <td>
            <s:textfield id="nombre" name="nombre" />
        </td>
    </tr>
     <tr>
        <td>
            <div align="center"><h3>Apellido</h3></div>
        </td>
        <td>
            <s:textfield id="apellido" name="apellido"/>
        </td>
    </tr>
     <tr>
        <td>
            <div align="center"><h3>Correo Electronico</h3></div>
        </td>
        <td>
           <s:textfield title="Ejemplo@dominio.com" id="correo" name="correo" />
        </td>
    </tr>
     <tr>
        <td>
            <div align="center"><h3>Clave</h3></div>
        </td>
        <td>
            <s:password  title="no mayor a 15 caracteres" id="clave" name="clave" />
        </td>
    </tr>
     <tr>
        <td>
            <div align="center"><h3>Fecha de Nacimiento </h3></div>
        </td>
        <td>
            <s:textfield id="fechanac" name="fechanac" readonly="true"/>
        </td>
        <td>
            <script language="JavaScript" type="text/javascript">
                new tcal ({'formname': 'AgregarUsuario', 'controlname': 'fechanac'});
            </script>
        </td>
    </tr>
    <tr>
        <td>
            <div align="center"><h3>Genero</h3></div>
        </td>
        <td>
            <s:select  name="genero"  list="generos"/>
        </td>
    </tr>
     <tr>
        <td>
            <div align="center"><h3>Usuario Twitter</h3></div>
        </td>
        <td>
            <s:textfield id="usrTwitter" name="usrTwitter" />
        </td>
    </tr>
   
     <tr>
        <td>

        </td>
        <td>
            <s:submit type="submit" value="Guardar" align="right"/>
        </td>
    </tr>
    </s:form>
    </table>

			</div>
			<div class="search">
				<form action="#">
					<span>TRAVEL STORE</span>
				</form>
			</div>
			

		</div>
		<div id="right">
		  <div class="right_block">
				<p class="title2">Ayuda</p>
				<div class="item">
			        <span>Sugerencias</span>
                                <!-- Ayuda al usuario al momento de realizar el registro-->
			        <p><h3>Nombre: </h3> Indique el nombre del usuario solo con letras.</p>
                                <p><h3>Apellido: </h3> Indique el Apellido del usuario solo con letras.</p>
				<p><h3>Correo Electronico:</h3>Indique su correo de la forma micorreo@company.com </p>
                                <p><h3>Clave:</h3>Clave de Acceso al Sistema (no mayor a 15 caracteres) </p>

                                <p><h3>Fecha de Nacimiento:</h3>Dele al icono a la derecha y seleccione la fecha </p></div>
			  <img src="/jsp/img/right_bot.gif" alt="" width="261" height="21" /><br />
			</div>
		 
		</div>
	</div>


        </div>

        <%@ include  file="/jsp/footer.jsp" %>


    <div id="extra1">&nbsp;</div>
    <div id="extra2">&nbsp;</div>

        
    

    </body>
</html>
